<!--
 * @Description: 工单详情
 * @Author: charles
 * @Date: 2021-12-14 22:10:42
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-12-22 17:39:25
-->
<template>
  <div class="order">
    <el-page-header @back="goBack" content="工单详情"></el-page-header>
     <el-row>
         <el-col :span="24">
          <span class="label">工程名称:   </span>
          <span class="value">{{orderDetail.engineer_name}}</span>
        </el-col> 
      </el-row>
       <el-row>
         <el-col :span="24">
          <span class="label">设备名称:   </span>
          <span class="value">{{orderDetail.device_name}}</span>
        </el-col> 
      </el-row>
       <el-row>
         <el-col :span="24">
          <span class="label">维修工:  </span>
          <span class="value">{{orderDetail.account_name}}</span>
        </el-col> 
      </el-row>
      <el-row>
         <el-col :span="24">
          <span class="label">报修原因:  </span>
          <span class="value">{{orderDetail.bill_why}}</span>
        </el-col> 
      </el-row>
      <el-row>
         <el-col :span="24">
          <span class="label">完成记录:</span>
          <span class="value">{{orderDetail.finish_note}}</span>
        </el-col> 
      </el-row>
       <el-row>
         <el-col :span="24">
          <span class="label">类型:     </span>
          <span class="value">{{orderDetail.type}}</span>
        </el-col> 
      </el-row>
       <el-row>
         <el-col :span="24">
          <span class="label">状态:    </span>
          <span class="value">{{orderDetail.status}}</span>
        </el-col> 
      </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      orderDetail: {}
    }
  },
  methods: {
goBack(){
  this.$router.go(-1);
}
  },
  created() {
    this.orderDetail = this.$route.query
  }
}
</script>
<style scoped>
.order{
  font-weight: bold;
  
  line-height: 2.4em;
}
</style>